<template>
  <div>
    <div>
      <svg-icon icon-class="theme" @click="drawer = true" />
    </div>

    <el-drawer
      title=""
      :visible.sync="drawer"
      :direction="direction"
    >
      <span>我来啦!</span>
    </el-drawer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      drawer: false,
      direction: 'ttb'
    }
  },
  methods: {
  }
}
</script>

<style scoped>
.el-drawer{
  width: calc(100% - 210px);
  position: fixed;
  top: 52px;
  right: 0;
  bottom: 0;
  left: 0;
}
</style>
